<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>网页设计作业</title>
		<link rel="stylesheet" href="/web_html/css/layout.css">
	    <link rel="stylesheet" href="/web_html/css/main.css">
	</head>
	<body>
		<div class="head_warp">
			<div class="head">
				<img src="img/映纷创意logo.png"  alt="" class="logo">
					<div class=“bar”>
						<div class="nav">
							<span>read</span>
							<span>me</span>
							<span>at</span>
							<span>once</span>
						</div>
					</div>	
			</div>
		</div>
		
		<div>
		    <div class="wrap">
		    <div class="center">
				<img src="img/banner.jpg" >
		        <p class="swiper_p">
					INFINI （映纷创意）是一家独立创新营销公司，致力于创造会流动的美好创意。我们从策略与洞察出发，不断探索营销和创意的多元表达，用创作精神为品牌提供更具生命力的跨媒体整合营销服务。
		        </p>
		    <div class="parner">
			     <span><img scr="img/OPPOlogo.jpg" alt=""></span>
		         <span><img scr="img/乐视logo.jpg" alt=""></span>
		         <span><img scr="img/优酷logo.jpg" alt=""></span>
		         <span><img scr="img/华为logo.jpg" alt=""></span>
		         <span><img scr="img/抖音logo.jpg" alt=""></span>
		         <span><img scr="img/网易云logo.jpg" alt=""></span>
		         <span><img scr="img/腾讯logo.jpg" alt=""></span>
		         <span><img scr="img/豆瓣logo.jpg" alt=""></span>
		    </div>
		</div>
		
		<div class="content">
			<span workid="87" class="con">
				<div class="work">
					<div class="work_warp">
					</div>
				</div>
				<img src="img/AIQIYI.jpg" alt="">
				<p>爱奇艺</p>
			</span>
			<span wokid="59" class="con">
				<div class="work">
					<div class="work_warp">
					</div>
				</div>
				<img src="img/UNINE.jpg" alt="">
				<p>UNINE</p>
			</span>
			<span workid="47" class="con">
				<div class="work">
					<div class="work_warp">
					</div>
				</div>
				<img src="dangdang.jpg" alt="">
				<p>当当网</p>
			</span>	
			<span wokid="38" class="con">
				<div class="work">
					<div class="work_warp">
					</div>
				</div>
				<img src="jingdong.jpg" alt="">
				<p>京东</p>
			</span>
			<span wokid="29" class="con">
				<div class="work">
					<div class="work_warp">
					</div>
				</div>
				<img src="img/qingchunyouni.jpg" alt="">
				<p>青春有你</p>
			</span>
			<span wokid="20" class="con">
				<div class="work">
					<div class="work_warp">
					</div>
				</div>
				<img src="img/tianmao618.jpg" alt="">
				<p>天猫618狂欢节</p>
			</span>
		</div>
		<footer>
			 <div class="footer_left">
			<div class="link">
				<img src="img/华为logo.jpg"  alt=""></span>
				<img src="img/乐视logo.jpg"  alt=""></span>
				<img src="img/优酷logo.jpg"  alt=""></span>
			</div>
		</div>
		<div class="footer_right">
			<div class="contact">
				<div class="contact_logo"><img src="img/映纷创意logo.png"  alt=""></div>
				<p>INFINI | 映纷创意</p>
				<p>北京市朝阳区常营</p>
				<p>TEL : 010-85394331</p>
				<p>QQ : 7585917</p>
				<p>Email : infinistudio@foxmail.com</p>
				<p>weibo : @InfiniStudio</p>
			</div>
		</div>
		</footer>
	</body>
</html>
